* {
    /*初始化样式*/
    margin: 0;
    padding: 0;
  }
  a { color: #666; outline: 0; text-decoration: none; }
  html,body{
    height: 100%;
    overflow: hidden;
  }
  body {
    /*让 body 初始 width 和 height 就 等于 页面可视区域的 宽高*/
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  
    /*用于 测试的 样式*/
    background-color: #444;
    color: #FFF;
    letter-spacing: 4px;
    font-size: 28px;
    /*文字居中*/
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media screen and (orientation:portrait) {
    /*竖屏样式*/
    body {
      transform-origin: 0 0;
      transform: rotateZ(90deg) translateY(-100%);
      width: 100%;
      height: 100%;
      /* transform: rotateZ(90deg); */
    }
  }
  /*测试 边边角角*/
  div {
    /* background-color: #F00; */
    position: fixed;
    /* position: relative; */
    height: 100%;
    width: 100%;
  }
  /* div:nth-of-type(1){
    top: 0;
    left: 0;
  }
  div:nth-of-type(2){
    top: 0;
    right: 0;
  
  }
  div:nth-of-type(3){
    bottom: 0;
    left: 0;
  }
  div:nth-of-type(4){
    bottom: 0;
    right: 0;
  } */
  #bj{
    background: url('../images/1.png') repeat-x ;
    background-size: 100vw cover;
    background-position: 0 0;
    
  }
  .modol{
    position: absolute;
    left: 2rem;
    top:2.9rem;
    width: 5rem;
    height: 1.5rem;
        .qd{
          width:1.5rem;
          height: 100%; 
        }
        .che{
          width: 3rem;
          height: 100%;
        }
       
  }
  
  #jb{
      background-color: red;
      display: none;
  }
  #jb.tp{
      margin:0 auto;
      background-color: yellow;
      z-index: 99;
  }
  .tp img{
      position: absolute;
      width: 100%;
      height: 100%;
  }
  .se2{
      display:none;
  }
  .se3{
      display:none;
  }
  .se22{
     display:none;
  }
  .se32{
     display:none;
  }
  .se34{
     display:none;
  }